<!doctype html>
<html lang="zh-cmn-Hans">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"/>
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css"
      integrity="sha384-cLRrMq39HOZdvE0j6yBojO4+1PrHfB7a9l5qLcmRm/fiWXYY+CndJPmyu5FV/9Tw"
      crossorigin="anonymous"
    />
    <style>
      .botp {
        width: auto;
        margin-top: 5%;
      }
      body {
        font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, sans-serif;
        min-width: 300px;
      }
    </style>
    <title>{% block title %}{% endblock %}</title>
  </head>
  <body class="mdui-appbar-with-toolbar mdui-theme-accent-blue mdui-theme-primary-blue mdui-theme-layout-auto padding-top">

    {% block navbar %}
    <div style="height: 50px; min-width: 250px;" class="mdui-appbar mdui-appbar-fixed mdui-color-white mdui-shadow-1">
      <div style="height: 50px;" class="mdui-toolbar mdui-color-white">
        <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">menu</i></a>
        <a id="m-title" href="javascript:;" class="mdui-typo-title">{% block main %}{% endblock %}</a>
        <div class="mdui-toolbar-spacer"></div>
        <a id="re" href="javascript:;" onclick="location.reload();" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">refresh</i></a>
      </div>
    </div>
    {% endblock %}

    {% block body %}

	  {% endblock %}

  </body>
</html>